﻿@{
    ViewBag.Title = "MediaDisplay";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@Html.Partial("ImagesMenu")

<h2>Media display</h2>

<script type="text/javascript">
    $(function () {
        $.fn.media.mapFormat('mp3', 'quicktime');
        $("a.media").media();
    });
</script>

<div>
    <center>
        <a class="media {width:300, height:30}" href="../../Media/Audio/EyeOfTheTiger.mp3">Eye of the tiger MP3</a> 
        <a class="media {width:300, height:30}" href="../../Media/Audio/Billionaire.mp3">Billionaire MP3</a> 

        <a class="media {width:600, height:800}" href="../../Media/Document/Suedbahnhof.pdf">Suedbahnhof PDF</a>
        <a class="media {width:600, height:800}" href="../../Media/Document/Westbahnhof.pdf">Suedbahnhof PDF</a>

        <a class="media {width:600, height:800}" href="../../Media/Video/ConqueringUsa.mp4">Conquering USA MP4</a>
        <a class="media {width:600, height:800}" href="../../Media/Video/BillionaireSoul.mp4">Billionaire soul MP4</a>
        <a class="media {width:600, height:800}" href="../../Media/Video/LoveIsInTheAir.mp4">Love is in the air MP4</a>

        <a class="media {width:480, height:280}" href="http://malsup.github.com/video/simpsons.mov">MOV File (video)</a> 
        @*<a class="media {width:250, height:250}" href="flash/curtain.flv">FLV File</a>*@
        @*<a class="media {width:250, height:250}" href="mediaplayer.swf?file=flash/curtain.flv">SWF with FLV (mediaplayer.swf?file=curtain.flv)</a> *@
        @*<a class="media {width:250, height:200}" href="flash/snail.swf">SWF File</a>*@
        <a class="media {width:450, height:380, type:'swf'}" href="http://youtube.com/v/TyvN59L4hJU">Youtube Video (SWF)</a> 
        <a class="media {width:480, height:425}" href="http://malsup.github.com/video/ski.wmv">WMV File</a> 
        <a class="media {width:300, height:300}" href="http://malsup.github.com/video/clear.avi">AVI File</a> 
        <a class="media {width:250, height:150}" href="http://malsup.github.com/video/pulsar.mpg">MPG File</a> 
        <a class="media {width:250, height:180}" href="http://malsup.github.com/video/tube.3g2">3G2 File (cell phone video)</a> 
        <a class="media {width:400, height:250}" href="http://malsup.github.com/video/realvideo.ram">RAM File</a> 
        @*<a class="media {width:650, height:500, caption: false}" href="flash/line.swf" id="lr">Line Rider!</a>*@
    </center>
</div>